﻿/**
Theme Name: Classify Creative Multipurpose HTML5 Template
Theme URI: 
Description: Classify Creative Multipurpose HTML5 Template!
Author: CraftDzine
Author URI: http://demo.craftdzine.com/
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
blog, bootstrap, bootstrap HTML5 template, bootstrap responsive theme, business, clean, corporate, creative, css3, finance, html5, portfolio, responsive 
Version: 1.0
*/

/**
1. CSS RESET 

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf);
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: 'Montserrat-Regular'; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, hgroup, nav, section { display: block; }
/*------------------------------------------------*/
/*--------------[General Style]------------------*/
/*------------------------------------------------*/



body {
    color: #3D3D3D;
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    letter-spacing: 0.5px;
    margin: 0 auto;
    padding: 0 auto;
    /* background: #f4f4f4; */
}
img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
a, a:active, a:link, img {
    outline: none;
}
a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}
a {
    cursor: pointer;
    text-decoration: none;
    /* color: #787878; */
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}
/* a:hover {
    color: #a0ce4e;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
} */

.fb{
    font-family: 'Montserrat-Bold';
}
.fup{
    text-transform: uppercase;
}
.f20{
    font-size: 20px;
    line-height: 24px;
}
.line{
    width: 100%;
    height: 2px;
    background: #333;
}

.container{
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}
.header{
    /* box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.3); */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 140px;
    height: 20px;
    background: #0156AD;
}
.header-top img{
    width: 130px;
    height: 10px;
}

.header-nav{
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar-brand{
    display: block;
    width: 128px;
}
.navbar-brand img{
    width: 100%;
}

.navbar-nav{
    display: flex;
    gap: 34px;
    font-size: 14px;
    text-transform: uppercase;
}
.navbar-nav a{
    padding: 20px 0;
    color: #FFF;
    position: relative;
    /* color: #333; */
}
.navbar-nav .activeW{
    color: #FFF !important
}
.navbar-nav .activeB{
    color: #0156AD !important
}
.navbar-nav .activeW::before{
    content: '';
    display: block;
    width: 27px;
    height: 4px;
    background: #FFF;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}
.navbar-nav .activeB::before{
    content: '';
    display: block;
    width: 27px;
    height: 4px;
    background: #0156AD;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.navbar-collapse{
    display: flex;
    gap: 58px;
    align-items: center;
}

.log-in{
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #FFF;
    /* color: #0156AD;
    border: 1px solid #0156AD; */
    border-radius: 80px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.2);
}

footer{
    background: #141B35;
    padding-top: 81px;
}
.footer-box{
    padding-bottom: 38px;
    border-bottom: 1px solid #767676;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-img{
    width: 187px;
}
.footer-content{
    display: flex;
    align-items: center;
    gap: 35px;
}
.footer-title{
    color: #AAAAAA;
    font-size: 16px;
    margin-bottom: 13px;
}
.footer-text{
    color: #fff;
    font-size: 16px;
}
.footer-line{
    width: 30px;
    height: 1px;
    background: #AFAFAF;
    transform: rotate(-45deg);
}
.footer-url{
    margin-top: 21px;
    padding-bottom: 81px;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 24px
}
.footer-url-title{
    color: #AAAAAA;
    font-size: 16px;
}
.footer-url-link{
    color: #FFFFFF;
    font-size: 16px;
}



@media (max-width: 1000px) {
    .container{
        padding: 0 40px;
    }
}